<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'">

    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

    <link rel="stylesheet" href="../Style.css">
    <script src="../Script.js" defer></script>
</head>
<body>
    <img src="../Icon.png" width="96" height="96" alt="Obsidian Web Clipper Icon">
    <p class="platform-ios">To open Obsidian Web&nbsp;Clipper tap the Extensions button in&nbsp;Safari.</p>
	<p class="platform-ios">
		<strong>Look for this icon</strong><br>
		<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M6 28.11v-4.99c0-.38.13-.69.39-.91.25-.24.56-.35.91-.35a1.73 1.73 0 0 1 1.16.5c.18.17.38.35.61.54a3.16 3.16 0 0 0 1.98.64 3.08 3.08 0 0 0 2.74-1.58c.28-.48.42-1.02.42-1.62a3.18 3.18 0 0 0-1.57-2.77c-.47-.28-1-.43-1.59-.43a3.2 3.2 0 0 0-1.98.65c-.23.18-.43.35-.6.53-.19.18-.38.3-.58.4-.2.07-.4.11-.59.11-.35 0-.66-.11-.91-.34a1.2 1.2 0 0 1-.39-.92v-5.03c0-1.16.3-2.04.88-2.64.6-.6 1.47-.9 2.62-.9H24c1.17 0 2.05.3 2.65.9.6.58.9 1.44.9 2.6v5.03c0 .12.04.2.12.24.08.03.19 0 .3-.09.22-.16.45-.3.7-.44a3.67 3.67 0 0 1 1.72-.45c.66 0 1.26.16 1.79.48a3.53 3.53 0 0 1 1.75 3.1 3.54 3.54 0 0 1-1.75 3.12c-.53.3-1.13.46-1.8.46a3.58 3.58 0 0 1-2.4-.89c-.12-.1-.23-.12-.31-.08-.08.04-.12.12-.12.23v4.95c0 1.15-.3 2.02-.9 2.6-.6.6-1.48.9-2.65.9H9.5c-1.15 0-2.03-.3-2.62-.91-.59-.6-.88-1.47-.88-2.64Z" fill="currentColor"/></svg>
	</p>
    <p class="platform-mac state-unknown">You can turn on Obsidian Web Clipper in Safari Extensions preferences.</p>
    <p class="platform-mac state-on">Obsidian Web Clipper for Safari is currently on. You can turn it off in Safari Extensions preferences.</p>
    <p class="platform-mac state-off">Obsidian Web Clipper for Safari is currently off. You can turn it on in Safari Extensions preferences.</p>
    <button class="platform-mac open-preferences">Close and Open Safari Extensions Preferences…</button>
</body>
</html>
